<template>
  <div class="default">
    <div class="titck-item  border-bottom" v-for="items of sev" :key="items.id" >
      <div class="ticket-main">
        <div class="aa">
          <h6 class="ticket-title">{{items.name}}</h6>
          <span class="desc">
            <img class="ticket-tagicon" src="https://img1.qunarzz.com/piao/fusion/1804/f0/39deb48037c83702.png">
            23.59前可预订
          </span>
        </div>
        <div class="jiaright">
          <span>¥ 40</span>
           <p>预订</p>
        </div>
      </div><!-- ticket-main -->
    </div><!-- titck-item -->
  </div> <!-- default-->
</template>

<script>
export default {
  name: 'Tickery',
  props: {
    sev: Array
  }
}
</script>

<style lang="stylus" scoped="scoped">
  .default
    display block
    .titck-item
      background #f5f5f5
      padding .2rem
      overflow auto
      .ticket-main
        .ticket-title
          padding 0
          color #616161
          font-size .28rem
          line-height .4rem
          width 5rem
        .desc
          display inline-block
          height .32rem
          color #616161
          font-size .24rem
          line-height .32rem
          white-space nowrap
          .ticket-tagicon
            display inline-block
            width .2rem
            max-height .32rem
            margin-right .04rem
            vertical-align 0
      .aa
        float left
      .jiaright
        float right
        text-align center
        span
          color #ffab1e
          font-size 0.4rem
        p
          width 1.8rem
          height 0.6rem
          line-height 0.6rem
          background #ffab1e
          color white
          border-radius 0.06rem
</style>
